
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>栏目管理 - BsAdmin后台模板 - 经典版演示</title>
    <link rel="icon" href="./static/favicon.ico">
    <link rel="stylesheet" href="./static/bootstrap/css/bootstrap.min.css" >
    <link rel="stylesheet" href="./static/admin/css/index.css" >
    <link rel="stylesheet" href="./static/admin/css/main.css" >
    <link rel="stylesheet" href="./static/admin/css/html.css" >
    <script src="./static/js/vue.min.js"></script>
    <script src="./static/js/jquery-3.3.1.min.js" ></script>
    <script src="./static/bootstrap/js/bootstrap.bundle.js" ></script>
    <script src="./static/admin/js/config.js" ></script>
    <script src="./static/admin/js/script.js" ></script>
    <script>
$(function() {
    const hrefArr = window.location.href.split('/');
    const name = hrefArr[hrefArr.length-1];
    $('.menu a[href=\''+name+'\']').addClass('active');
});
    </script>
</head>
<body>

<div id="app" class="d-flex">

    <nav>
        <div class="logo">
            <h4>BsAdmin</h4>
        </div>
        <ul class="menu">
             <li><a href="main.html"><i class="iconfont mr-1">&#xe6a2;</i>首页</a> </li> <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe6e0;</i>用户管理<i class="iconfont arrow float-right">&#xe66c;</i></a><ul class="sub-menu"><li><a href="user_index.html" >用户列表</a></li><li><a href="user_create.html" >添加用户</a></li></ul> </li> <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe69d;</i>文章管理<i class="iconfont arrow float-right">&#xe66c;</i></a><ul class="sub-menu"><li><a href="type_index.html" >栏目管理</a></li><li><a href="article_index.html" >文章管理</a></li></ul> </li> <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe6d4;</i>系统设置<i class="iconfont arrow float-right">&#xe66c;</i></a><ul class="sub-menu"><li><a href="web_index.html" >网站设置</a></li><li><a href="flink_index.html" >友情连接</a></li><li><a href="nav_index.html" >导航管理</a></li><li><a href="web_pwd.html" >修改密码</a></li><li><a href="login.html" >登录页</a></li></ul> </li> <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe6ad;</i>数据库<i class="iconfont arrow float-right">&#xe66c;</i></a><ul class="sub-menu"><li><a href="db_backup.html" >备份数据库</a></li><li><a href="db_reduction.html" >还原数据库</a></li></ul> </li> <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe6ad;</i>内置组件库<i class="iconfont arrow float-right">&#xe66c;</i></a><ul class="sub-menu"><li><a href="icon.html" >图标库</a></li></ul> </li> <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe6ad;</i>第三方库/插件<i class="iconfont arrow float-right">&#xe66c;</i></a><ul class="sub-menu"><li><a href="echarts.html" >echarts图表</a></li><li><a href="webuploader.html" >WebUploader上传</a></li></ul> </li> <li><a href="#/out.html"><i class="iconfont mr-1">&#xe68c;</i>退出登录</a> </li> <li><a href="http://www.qadmin.net/"><i class="iconfont mr-1">&#xe690;</i>Qadmin官网</a> </li>
        </ul>
    </nav>

    <main>
        <header>
            <a href="http://www.qadmin.net" target="_blank">网站首页</a>

            <div class="dropdown float-right">
                <button class="btn  btn-sm  dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <svg width="20" height="1em" viewBox="0 0 16 16" class="bi bi-emoji-smile-fill rounded-circle" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zM4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683zM10 8c.552 0 1-.672 1-1.5S10.552 5 10 5s-1 .672-1 1.5S9.448 8 10 8z"/>
                    </svg>
                    <!--可以使用图片,大小20,class='rounded-circle'-->
                    BsAdmin
                </button>

                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu2">
                    <a class="dropdown-item" href="web_pwd.html">修改密码</a>
                    <a class="dropdown-item" href="#/out.html">退出登录</a>
                </div>
            </div>



            <a class="float-right mr-2" href="http://www.qadmin.net" target="_blank">Qadmin官网</a>

        </header>

        <div id="body">
            

<main>
    <div class="main">
        <div class="search">
            <form action="" class="form-inline float-left" method="get">
                <div class="form-group">
                    <input class="form-control" name="key" placeholder="栏目名称" type="text" value="">
                </div>
                <button class="btn btn-primary" type="submit"><i class="iconfont"></i>搜索</button>
            </form>


            <a class="btn btn-primary float-right" href="article_create.html"><i class="iconfont"></i>新增</a>
        </div>
        <div class="table-box">


            <table class="table">
                <colgroup>
                    <col width="80">
                    <col width="100">
                    <col width="100">
                    <col>
                    <col width="90">
                    <col width="90">
                    <col width="90">
                    <col width="90">
                    <col width="90">
                    <col width="200">
                    <col width="150">
                </colgroup>
                <thead>
                <tr>
                    <th>ID</th>
                    <th>缩略图</th>
                    <th>分类</th>
                    <th>标题</th>
                    <th>浏览</th>
                    <th>显示</th>
                    <th>置顶</th>
                    <th>实验室</th>
                    <th>作品</th>
                    <th>时间</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr class="id84">
                    <td>84</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>25</td>
                    <td>微信小程序ajax封装API请求封装</td>
                    <td>61</td>
                    <td><input checked="" data-id="84" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="84" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="84" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="84" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-11-20 08:49:39</td>
                    <td><a href="#">修改</a> | <a class="del" data-id=".id84" href="#">删除</a>
                    </td>
                </tr>
                <tr class="id83">
                    <td>83</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>18</td>
                    <td>利用python操作psd导出缩略图</td>
                    <td>65</td>
                    <td><input checked="" data-id="83" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="83" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="83" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="83" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-10-10 22:51:33</td>
                    <td><a href="#">修改</a> | <a class="del" data-id=".id83" href="#">删除</a>
                    </td>
                </tr>
                <tr class="id82">
                    <td>82</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>17</td>
                    <td>使用Imagick来导出psd图层图片</td>
                    <td>78</td>
                    <td><input checked="" data-id="82" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="82" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="82" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="82" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-10-10 22:21:22</td>
                    <td><a href="#/82.html">修改</a> | <a class="del" data-id=".id82" href="#/82.html">删除</a>
                    </td>
                </tr>
                <tr class="id81">
                    <td>81</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>14</td>
                    <td>node.js分布式文件缓存COS版</td>
                    <td>94</td>
                    <td><input checked="" data-id="81" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="81" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="81" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="81" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-05-15 23:05:50</td>
                    <td><a href="#/81.html">修改</a> | <a class="del" data-id=".id81" href="#/81.html">删除</a>
                    </td>
                </tr>
                <tr class="id80">
                    <td>80</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>24</td>
                    <td>GIT 一键 push 脚本</td>
                    <td>132</td>
                    <td><input checked="" data-id="80" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="80" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="80" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="80" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-04-23 11:43:47</td>
                    <td><a href="#/80.html">修改</a> | <a class="del" data-id=".id80" href="#/80.html">删除</a>
                    </td>
                </tr>
                <tr class="id79">
                    <td>79</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>17</td>
                    <td>让新手程序猿也会ThinkPHP for QQ登陆</td>
                    <td>150</td>
                    <td><input checked="" data-id="79" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="79" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="79" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="79" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-04-23 10:33:26</td>
                    <td><a href="#/79.html">修改</a> | <a class="del" data-id=".id79" href="#/79.html">删除</a>
                    </td>
                </tr>
                <tr class="id78">
                    <td>78</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>17</td>
                    <td>一句话让U方法生成绝对URL</td>
                    <td>75</td>
                    <td><input checked="" data-id="78" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="78" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="78" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="78" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-04-23 10:21:42</td>
                    <td><a href="#/78.html">修改</a> | <a class="del" data-id=".id78" href="#/78.html">删除</a>
                    </td>
                </tr>
                <tr class="id77">
                    <td>77</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>17</td>
                    <td>php拼手气红包函数</td>
                    <td>82</td>
                    <td><input checked="" data-id="77" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="77" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="77" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="77" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-04-23 01:07:37</td>
                    <td><a href="#/77.html">修改</a> | <a class="del" data-id=".id77" href="#/77.html">删除</a>
                    </td>
                </tr>
                <tr class="id76">
                    <td>76</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>17</td>
                    <td>php一句代码让http跳转https</td>
                    <td>78</td>
                    <td><input checked="" data-id="76" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="76" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="76" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="76" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-04-23 00:59:17</td>
                    <td><a href="#/76.html">修改</a> | <a class="del" data-id=".id76" href="#/76.html">删除</a>
                    </td>
                </tr>
                <tr class="id75">
                    <td>75</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>20</td>
                    <td>10行JQ搞定短信验证码发送</td>
                    <td>78</td>
                    <td><input checked="" data-id="75" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="75" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="75" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="75" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-04-23 00:54:36</td>
                    <td><a href="#/75.html">修改</a> | <a class="del" data-id=".id75" href="#/75.html">删除</a>
                    </td>
                </tr>
                <tr class="id74">
                    <td>74</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>17</td>
                    <td>最新阿里云短信验证码整合代码</td>
                    <td>44</td>
                    <td><input checked="" data-id="74" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="74" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="74" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="74" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-04-23 00:47:38</td>
                    <td><a href="#/74.html">修改</a> | <a class="del" data-id=".id74" href="#/74.html">删除</a>
                    </td>
                </tr>
                <tr class="id73">
                    <td>73</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>17</td>
                    <td>暂无内容</td>
                    <td>134</td>
                    <td><input checked="" data-id="73" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="73" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input checked="" data-id="73" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="73" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-04-23 00:42:30</td>
                    <td><a href="#/73.html">修改</a> | <a class="del" data-id=".id73" href="#/73.html">删除</a>
                    </td>
                </tr>
                <tr class="id72">
                    <td>72</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>17</td>
                    <td>thinkphp自定义状态函数 解决一切状态信息</td>
                    <td>83</td>
                    <td><input checked="" data-id="72" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="72" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input data-id="72" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="72" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-04-23 00:38:03</td>
                    <td><a href="#/72.html">修改</a> | <a class="del" data-id=".id72" href="#/72.html">删除</a>
                    </td>
                </tr>
                <tr class="id71">
                    <td>71</td>
                    <td><img height="50px" src="http://iframe.qadmin.net/static/admin/img/pic.png"></td>
                    <td>17</td>
                    <td>IYCMS博客管理系统(测试版) 仅供学习</td>
                    <td>2256</td>
                    <td><input checked="" data-id="71" lay-filter="state" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>
                    <td><input checked="" data-id="71" lay-filter="top" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="71" lay-filter="experiment" lay-skin="switch" lay-text="开启|关闭" type="checkbox">
                    </td>
                    <td><input data-id="71" lay-filter="works" lay-skin="switch" lay-text="开启|关闭" type="checkbox"></td>

                    <td>2018-04-22 23:59:50</td>
                    <td><a href="#/71.html">修改</a> | <a class="del" data-id=".id71" href="#/71.html">删除</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="page">
            <span class="total float-left page-link">共23223条</span>
            <ul class="pagination">
                <li class="page-item"><a class="page-link" href="#">&lt;&lt;</a></li>
                <li class="page-item"><a class="page-link" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#">2</a></li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item"><a class="page-link" href="#">&gt;&gt;</a></li>
            </ul>
        </div>

    </div>


</main>





        </div>

    </main>
</div>
<script src="./static/admin/js/update.js" ></script>
</body>
</html>
